<style type="text/css">
    ul li{list-style-type: none;}
    ul.menu li{padding: 10px 0;position: relative;padding-left: 148px;min-height: 100px;}
    ul.menu li a.replace{position: absolute;left: 0; top: 35px;width: 138px;}
    ul.menu li h4{margin: 0;height: 25px;margin-left: -148px;}
    ul.projects-cover{overflow: auto;zoom:1;}
    ul.projects-cover li{float: left;margin-right: 40px;border:none;}
    ul.tab-button li{padding: 0;min-height: 0;}
    form textarea{width:95%;height:150px;}
    form .tab-content{padding: 5px;}
</style>

<div class="tip">点击图片可更换图片</div>

<h3>子菜单图片</h3>

<ul class="menu">
    <li>
        <a href="javascript:void(0);" class="replace">
            <img src="/assets/uploads/setting/menu-about.jpg"/>
        </a>
        <h4>关于筑奥<a href="javascript:void(0);" class="edit" data="1">修改</a></h4>
        <ul class="tab-button">
            <li><a href="javascript:void(0);">中文描述</a></li>
            <li><a href="javascript:void(0);">英文描述</a></li>
        </ul>
        <p class="tab-content"><?php echo nl2br($about->zh); ?></p>
        <p class="tab-content"><?php echo nl2br($about->en); ?></p>
    </li>
    <li>
        <a href="javascript:void(0);" class="replace">
            <img src="/assets/uploads/setting/menu-strength.jpg"/>
        </a>
        <h4>综合实力<a href="javascript:void(0);" class="edit" data="2">修改</a></h4>
        <ul class="tab-button">
            <li><a href="javascript:void(0);">中文描述</a></li>
            <li><a href="javascript:void(0);">英文描述</a></li>
        </ul>
        <p class="tab-content"><?php echo nl2br($strength->zh); ?></p>
        <p class="tab-content"><?php echo nl2br($strength->en); ?></p>
    </li>
    <li>
        <a href="javascript:void(0);" class="replace">
            <img src="/assets/uploads/setting/menu-culture.jpg"/>
        </a>
        <h4>企业文化<a href="javascript:void(0);" class="edit" data="3">修改</a></h4>
        <ul class="tab-button">
            <li><a href="javascript:void(0);">中文描述</a></li>
            <li><a href="javascript:void(0);">英文描述</a></li>
        </ul>
        <p class="tab-content"><?php echo nl2br($culture->zh); ?></p>
        <p class="tab-content"><?php echo nl2br($culture->en); ?></p>
    </li>
    <li>
        <a href="javascript:void(0);" class="replace">
            <img src="/assets/uploads/setting/menu-HR.jpg"/>
        </a>
        <h4>人才战略<a href="javascript:void(0);" class="edit" data="4">修改</a></h4>
        <ul class="tab-button">
            <li><a href="javascript:void(0);">中文描述</a></li>
            <li><a href="javascript:void(0);">英文描述</a></li>
        </ul>
        <p class="tab-content"><?php echo nl2br($hr->zh); ?></p>
        <p class="tab-content"><?php echo nl2br($hr->en); ?></p>
    </li>
    <li>
        <a href="javascript:void(0);" class="replace">
            <img src="/assets/uploads/setting/menu-contact.jpg"/>
        </a>
        <h4>联系我们<a href="javascript:void(0);" class="edit" data="5">修改</a></h4>
        <ul class="tab-button">
            <li><a href="javascript:void(0);">中文描述</a></li>
            <li><a href="javascript:void(0);">英文描述</a></li>
        </ul>
        <p class="tab-content"><?php echo nl2br($contact->zh); ?></p>
        <p class="tab-content"><?php echo nl2br($contact->en); ?></p>
    </li>
</ul>

<ul class="projects-cover">
    <li>
        <a href="javascript:void(0);" class="replace">
            <img src="/assets/uploads/setting/sum-menu-real_estate_landscape.jpg"/>
        </a>
        <div>地产园林</div>
    </li>
    <li>
        <a href="javascript:void(0);" class="replace">
            <img src="/assets/uploads/setting/sum-menu-city_comprehensive_projects.jpg"/>
        </a>
        <div>城市园林</div>
    </li>
    <li>
        <a href="javascript:void(0);" class="replace">
            <img src="/assets/uploads/setting/sub-menu-municipal_road.jpg"/>
        </a>
        <div>市政道路</div>
    </li>
    <li>
        <a href="javascript:void(0);" class="replace">
            <img src="/assets/uploads/setting/sub-menu-lighting_projects.jpg"/>
        </a>
        <div>照明工程</div>
    </li>
</ul>

<h3>项目封面图片</h3>
<div class="tip">推荐图片尺寸 138px * 72px</div>
<ul class="projects-cover">
    <li>
        <a href="javascript:void(0);" class="replace">
            <img src="/assets/uploads/setting/real-estate-landscape.jpg"/>
        </a>
        <div>地产园林</div>
    </li>
    <li>
        <a href="javascript:void(0);" class="replace">
            <img src="/assets/uploads/setting/city-comprehensive-projects.jpg"/>
        </a>
        <div>城市园林</div>
    </li>
    <li>
        <a href="javascript:void(0);" class="replace">
            <img src="/assets/uploads/setting/municipal-road.jpg"/>
        </a>
        <div>市政道路</div>
    </li>
    <li>
        <a href="javascript:void(0);" class="replace">
            <img src="/assets/uploads/setting/lighting-projects.jpg"/>
        </a>
        <div>照明工程</div>
    </li>
</ul>

<h3>新闻头条</h3>
<ul class="tab-button top-news">
    <li><a href="javascript:void(0);">筑奥动态</a></li>
    <li><a href="javascript:void(0);">行业动态</a></li>
</ul>
<div class="tab-content top-news">
    <a href="javascript:void(0);" class="replace">
        <img src="/assets/uploads/setting/company-news-top.jpg"/>
    </a>
    <a href="javascript:void(0);" class="top-company-news">首页显示</a>
</div>
<div class="tab-content top-news"> 
    <a href="javascript:void(0);" class="replace">
        <img src="/assets/uploads/setting/industry-news-top.jpg"/>
    </a>
    <a href="javascript:void(0);" class="top-industry-news">首页显示</a>
</div>
<div class="tip">点击图片可更换图片 200px * 105px</div>

<h3>资质荣誉图片</h3>
<a href="javascript:void(0);" class="replace">
    <img src="/assets/uploads/setting/honor-cover.jpg"/>
</a>
<div class="tip">点击图片可更换图片 295px * 196px</div>


<h3 class="contact">首页显示简洁版 联系方式<a href="javascript:void(0);" class="edit" data="6">修改</a></h3>
<ul class="tab-button">
    <li><a href="javascript:void(0);">中文描述</a></li>
    <li><a href="javascript:void(0);">英文描述</a></li>
</ul>
<p class="tab-content"><?php echo nl2br($simple_contact->zh); ?></p>
<p class="tab-content"><?php echo nl2br($simple_contact->en); ?></p>

<script id="replace-form-template" type="text/x-jquery-tmpl">
    <form action="/backend/photo/replace" method="post" enctype="multipart/form-data" target="upload-iframe">
        <input type="hidden" name="path" value="setting"/>
        <input type="hidden" name="image_name" value="${image_name}"/>
        <input type="file" name="image"/>
        <input type="submit" value="替换" name="submit"/>
    </form>
    <iframe name="upload-iframe" style="width:0;height:0;display: none;"></iframe>
</script>

<script id="form-template" type="text/x-jquery-tmpl">
    <form action="/backend/setting/update_sub_menu_content" method="post">
        <input type="hidden" name="id" value="${id}"/>
        <ul class="tab-button">
            <li><a href="javascript:void(0);">中文</a></li>
            <li><a href="javascript:void(0);">英文</a></li>
        </ul>
        <div class="tab-content">
            <textarea name="zh">${zh}</textarea>
        </div>
        <div class="tab-content">
            <textarea name="en">${en}</textarea>
        </div>
        <div class="form-button">
            <input type="submit" value="提交"/>
        </div>
    </form>
</script>